<template>
    <div class="clickmain">
        <click-list>
            <click-item @handleClick="handleClick(0)">
                <img src="@/assets/images/base-images/我的-个人资料.png" alt="" slot="icon">
                <span slot="text" >个人资料</span>
                <img src="@/assets/images/base-images/箭头.png" alt="" slot="jiantou">
            </click-item>
            <click-item @handleClick="handleClick(1)">
                <img src="@/assets/images/base-images/我的-案例展示.png" alt="" slot="icon">
                <span slot="text">案例展示</span>
                <img src="@/assets/images/base-images/箭头.png" alt="" slot="jiantou">
            </click-item>
            <click-item  @handleClick="handleClick(2)">
                <img src="@/assets/images/base-images/我的-留言反馈.png" alt="" slot="icon">
                <span slot="text">留言反馈</span>
                <img src="@/assets/images/base-images/箭头.png" alt="" slot="jiantou">
            </click-item>
            <click-item @handleClick="handleClick(3)">
                 <img src="@/assets/images/base-images/我的-联系我们.png" alt="" slot="icon">
                <span slot="text">联系我们</span>
                <span slot="phone">15071677878</span>
                <img src="@/assets/images/base-images/箭头.png" alt="" slot="jiantou">
            </click-item>
        </click-list>
    </div>
</template>

<script>
import ClickList from '@/components/clickitem/ClickList';
import ClickItem from '@/components/clickitem/ClickItem';
    export default {
        components: {
            ClickList,
            ClickItem,
        },
        mounted () {
            //  console.log("点击啦");
        },
        methods: {
            handleClick(index) {
                console.log("点击啦"+index);
                switch (index) {
                    case 0:this.$router.push("/edit")
                        break;
                    case 1:this.$router.push("/classic")
                        break;
                    case 2:this.$router.push("/message")
                        break;
                    case 3:this.$router.push("")
                        break;
                }
            }
        },
    }
</script>

<style  scoped>

</style>